﻿/* Buttons
----------------------------------------------------------*/
button.button,
button.button > span,
button.button.icon span.item-icon
{
	background: transparent url("/_layouts/images/RoundedButton/buttons.png") repeat-y top left;
	display: inline-block;
	margin: 0;
	border: 0;
	outline: none;
}

button.button
{
	background-position: right -123px;
	padding: 0 3px 0 0;
	cursor: pointer;
}

button.button.disabled
{
	cursor: default;
}

button.button.big > span
{
	min-width: 0px;
	padding: 12px 14px 12px 18px;
}

button.button span.item-text
{
	font-weight: bold;
	font-size: 12px;
	color: #595858;
}

button.button.big span.item-text
{
	text-transform: uppercase;
}

button.button.big.enabled:hover { background-position: right -164px; }
button.button.big.enabled:hover > span { background-position: left -41px; }

button.button.enabled:hover span.item-text
{
	color: #fff;
}

/* Disabled */
button.button.big.disabled { background-position: right -205px; }
button.button.big.disabled > span { background-position: left -82px; }

button.button.disabled span.item-text,
button.button[disabled] span.item-text
{
	color: #ddd !important;
	font-style: italic;
}

/* Small buttons */
button.button.small > span
{
	background-position: left -280px;
	padding: 3px 8px 3px 12px;
}

button.button.small { background-position: right -352px; }
button.button.small.enabled:hover { background-position: right -376px; }
button.button.small.enabled:hover > span { background-position: left -304px; }
button.button.small.disabled { background-position: right -400px; }
button.button.small.disabled > span { background-position: left -328px; }

/* No text */
button.button.no-text > span
{
	padding-right: 0;
	padding-left: 5px;
	white-space: nowrap;
}

button.button.no-text span.item-text
{
	display: inline-block;
	text-indent: -9999px;
}

/* Icons */
button.button.icon span.item-icon
{
	margin-left: 5px;
	background-repeat: no-repeat;
	background-position: left -246px;
	width: 16px;
	height: 16px;
}

button.button.icon.no-text span.item-icon
{
	margin-left: 0;
}

button.button.enabled.icon.arrows span.item-icon { background-position: left -246px; }
button.button.enabled.icon.arrows:hover span.item-icon { background-position: -16px -246px; }
button.button.disabled.icon.arrows span.item-icon { background-position: -32px -246px; }

button.button.enabled.icon.save span.item-icon { background-position: -48px -246px; }
button.button.enabled.icon.save:hover span.item-icon { background-position: -64px -246px; }
button.button.disabled.icon.save span.item-icon { background-position: -80px -246px; }

:focus { outline: none; }
::-moz-focus-inner { border: 0; }